extends layout

block header 
  link(href='/js/zTree_v3/css/zTreeStyle/zTreeStyle.css', rel='stylesheet')
  script(src="/js/zTree_v3/js/jquery.ztree.all-3.5.min.js",type="text/javascript")
  script(src="/javascripts/index.js?r=#{random}",type="text/javascript")
  link(href='/stylesheets/index.css?r=#{random}', rel='stylesheet')

block content
  .my-header
    .my-title
      h1
        span(class="logout-title") 快捷导航
    .my-nav
      .btn-link-block
        .checkbox
          label
            input(id="idCbxRefresh",type="checkbox")
            span 永不超时
        input(class="btn btn-warning btn-xs" id="btnLogout" type="button" value="注销")
      .input-search
        .input-group
          select(class="form-control input-sm search-type")
            option(value="-1") 华讯人员搜索
            option(value="0") 百度一下
            option(value="1") 百度翻译
            option(value="2") 百度地图
            option(value="3") 菜鸟搜索
            option(value="4") EasyIcon
            option(value="5") Google翻译
            option(value="6") Bing搜索
            option(value="7") 企信宝
          input(class="form-control search-text" type="text" placeholder="请输入内容...")
          span.input-group-btn
            input(class="btn btn-default search-submit" type="button")
  .my-container
    .row.my-panel
      .col-xs-2.my-left
        .search-link-block
          .input-group
            input#idKeyword(class="form-control" name="SearchKey" type="text" title="关键字搜索，为空时显示最近常用..." placeholder="请输入搜索内容！")
            span.input-group-btn
              input(class="btn btn-default" type="button" title="为空时，显示最近常用列表！" value="Go!")
        .link-tree-block
          .ztree.my-tree#idTypeTree
      .col-xs-10.my-right
        .link-list-block
          .my-heading
            h3.panel-title#idPanelTitle 最近常用
          .my-body.my-link-list
  .my-footer
    .right-messagePanel
      #idHoverMessage.hoverMessage

  .type-menu.easyui-menu(style={width:'120px'})
    .add-type(data-options='iconCls:"icon-add"') 添加子类别
    .add-link(data-options='iconCls:"icon-add"') 添加链接
    .edit-type(data-options='iconCls:"icon-edit"') 编辑

  .link-menu.easyui-menu(style={width:'140px'})
    .open-link(data-options='iconCls:"icon-tip"') 打开
    .edit-link-group(data-options='iconCls:"icon-edit"')
      span 编辑
      div(style={width:'150px'})
        .modify-link(data-options='iconCls:"icon-edit"') 修改
        .remove-link(data-options='iconCls:"icon-remove"') 删除
        .move-link(data-options='iconCls:"icon-cut"') 移动

  #idTypeEditModel.modal.fade(role="dialog",aria-hidden="true",aria-labelledby="idTypeEditModalLabel",tabindex="-1")
    .modal-dialog(style={width:'500px',margin:'100px auto;'})
      .modal-content
        .modal-header
          input.close(data-dismiss="modal", type="button", aria-hidden="true", value="X")
          h4#idTypeEditModalLabel.modal-title 新增类别
        .modal-body.model-container
          table#idModelType.table.table-condensed
            tr#idParentTypeRow
              th 父类别:
              td 
                input#idParentTypeName.form-control(name="ParentTypeName", type="text", disabled)
            tr
              th 名称:
              td 
                input#idTypeName.form-control(name="TypeName", type="text", placeholder="请输入类别名称...")
            tr
              th 描述:
              td 
                textarea#idTypeDescription.form-control(name="TypeDescription",placeholder="请输入类别描述...")
        .modal-footer
          input#btnAddRootType.btn.btn-success(type="button", value="根节点")
          input#btnTypeClose.btn.btn-default(data-dismiss="modal", type="button", value="关闭")
          input#btnSubmitType.btn.btn-primary(type="button", value="提交")

  #idLinkEditModel.modal.fade(role="dialog",aria-hidden="true",aria-labelledby="idLinkEditModalLabel",tabindex="-1")
    .modal-dialog(style={width:'500px',margin:'100px auto;'})
      .modal-content
        .modal-header
          input.close(data-dismiss="modal", type="button", aria-hidden="true", value="X")
          h4#idLinkEditModalLabel.modal-title 新增链接
        .modal-body.model-container
          table#idModelLink.table.table-condensed
            tr
              th 类别:
              td 
                input#idLinkTypeName.form-control(name="TypeName", type="text", disabled)
            tr
              th 名称:
              td 
                input#idLinkName.form-control(name="LinkName", type="text", placeholder="请输入链接名称...")
            tr
              th URL:
              td 
                input#idLinkURL.form-control(name="LinkURL", type="text", placeholder="请输入链接URL...")
            tr
              th 描述:
              td 
                textarea#idLinkDescription.form-control(name="LinkDescription",placeholder="请输入描述...")
        .modal-footer
          input#btnLinkClose.btn.btn-default(data-dismiss="modal", type="button", value="关闭")
          input#btnSubmitLink.btn.btn-primary(type="button", value="提交")

  #idLinkMoveModel.modal.fade(role="dialog",aria-hidden="true",aria-labelledby="idLinkMoveModalLabel",tabindex="-1")
    .modal-dialog(style={width:'500px',margin:'100px auto;'})
      .modal-content
        .modal-header
          input.close(data-dismiss="modal", type="button", aria-hidden="true", value="X")
          h4#idLinkMoveModalLabel.modal-title 移动链接
        .modal-body.model-container
          .row(style={"height":'200px;'})
            .col-md-4(style={height:'100%;'})
              #idLinkTypeMove.ztree(style={'overflow-y':'auto;',height:'100%;',border:'1px solid #ccc;'})
            .col-md-8
              table#idModelLinkMove.table.table-condensed
                tr
                  th 链接:
                  td 
                    input#idLinkMoveName.form-control(name="LinkMoveName", type="text", disabled)
                tr
                  th 原类别:
                  td 
                    input#idLinkMoveOldType.form-control(name="LinkMoveOldType", type="text", disabled)
                tr
                  th 新类别:
                  td 
                    input#idLinkMoveNewType.form-control(name="LinkMoveNewType", type="text", disabled, placeholder="点击节点选择移动到的类别")
        .modal-footer
          input.btn.btn-default(data-dismiss="modal", type="button", value="关闭")
          input#btnSubmitLinkMove.btn.btn-primary(type="button", value="提交")
